// scss嵌套
@import './mixin.scss';
@import './extend.scss';
.nav {
    height: 10px;
    ul {
        margin: 0;
        li {
            float: left;
            padding: 5px;
        }
    }
}

//&调用父选择器
//嵌套属性
a {
    border: {
        color: #fff;
        style: solid;
        left: 0;
        right: 0;
    }
    ;
    font: {
        size: 75px;
        family: Arial, Helvetica, sans-serif;
        weight: bold;
    }
    ;
    display: block;
    color: #fff;
    padding: 5px;
    &:hover {
        background-color: aqua;
        color: #fff;
    }
}
//2中用法
.test{
    //@include test(#aaa,#fff);
     @include test($background:rgb(168, 28, 28),$text-color:#fff);
}
